<!--
	@component
	Generates an SVG marker containing a marker for a triangle makes a nice arrowhead. Add it to the snippet called "defs" on the SVG layout component.
 -->
<script>
	/**
	 * @typedef {Object} Props
	 * @property {string} [fill='#000'] - The arrowhead's fill color.
	 * @property {string} [stroke='#000'] - The arrowhead's stroke color.
	 */

	/** @type {Props} */
	let { fill = '#000', stroke = '#000' } = $props();
</script>

<marker id="arrowhead" viewBox="-10 -10 20 20" markerWidth="17" markerHeight="17" orient="auto">
	<path d="M-6,-6 L 0,0 L -6,6" {fill} {stroke} />
</marker>
